.posthead{
    display: flex;
    align-items: center;
    height: 100%;
}
.middle{
    height: 100%;
    width: 380px;
    display: flex;
    align-items: center;
    span{
        flex: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        >span{
            >span:nth-child(2){
                margin-left: -25px;
                background-color: transparent;
                color:#eee;
                transition:.4s
            }
        }
        a{
            color:#fff!important;
            font-size: 15px;
        }
    }
    span:hover{
        background-color: #000;
        >span{
            >span:nth-child(2){
                transform: rotate(180deg);
            }
        }
    }
}
